$vw_base: 750; // 设计稿基础宽度尺寸, viewportWidth, 默认750

// 动态计算出vw的值, 保留五位小数, 并四舍五入

// 使用示例: width: vw(750);
// 编译后输出: width: 100vw;
/* @function vw ($px) {
  @return ($px / $vw_base) * 100vw;
} */
@function vw ($px) {
  @return ($px / $vw_base) * 10rem;
}
@function outputPath () {
  @return $path;
}

// header高度
$header-height: vw(88);
$border: 1px solid transparent;

@svg 1px-border {
  height: 2px;
  @rect {
    fill: var(--color, black);
    width: 100%;
    height: 50%;
  }
}

// 1px方案, 采用border-image实现
@mixin border (
  $color,
  $top: null,
  $right: null,
  $bottom: null,
  $left: null
) {
  $count: 0;
  border: {
    @if $top {
      #{$top}: $border;
    } @else {
      width: 1px;
      style: solid;
      color: transparent;
    }
    @if $right {
      #{$right}: $border;
    }
    @if $bottom {
      #{$bottom}: $border;
    }
    @if $left {
      #{$left}: $border;
    }
  }
  border-image: svg(1px-border param(--color $color)) 2 2 stretch;
}

// 单行溢出隐藏
@mixin ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

